{"version":3,"file":"static/chunks/pages/expert/[slug]-e1de08cbab0dffb5.js","mappings":"AACA","sources":["webpack://_N_E/?f4c6","webpack://_N_E/./src/api/landing.ts","webpack://_N_E/./src/components/Landing/adminjs/Landing.tsx","webpack://_N_E/./src/components/SEO.tsx","webpack://_N_E/./src/hooks/useDialog.ts","webpack://_N_E/./src/pages/expert/[slug].tsx","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/expert/[slug]\",\n      function () {\n        return require(\"private-next-pages/expert/[slug].tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/expert/[slug]\"])\n      });\n    }\n  ","import { otherApiClient } from \".\";\nexport const getLanding = async (type, slug)=>{\n    const { data  } = await otherApiClient.market.get(\"/landing/\".concat(type, \"/\").concat(slug));\n    return data;\n};\nexport const validateMembership = async (body)=>{\n    const { data  } = await otherApiClient.market.post(\"/landing/membership\", body);\n    return data;\n};\nexport const postValidateHandout = async (body)=>{\n    const { data  } = await otherApiClient.market.post(\"/landing/handout\", body);\n    return data;\n};\n","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport CheckLoginDialog from \"@/components/modal/CheckLoginDialog\";\nimport useDialog from \"@/hooks/useDialog\";\nimport { useAuthStore } from \"@/lib/auth/AuthStore\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport useWindowDimensions from \"@/lib/web-ui/useWindowDimensions\";\nimport { ConfirmDialog } from \"@bookips/solvook-ui-library\";\nimport { styled } from \"@mui/material\";\nimport SEO from \"@/components/SEO\";\nimport { useMutation } from \"@tanstack/react-query\";\nimport _ from \"lodash\";\nimport { useRouter } from \"next/router\";\nimport { useEffect } from \"react\";\nimport { postValidateHandout, validateMembership } from \"src/api/landing\";\nconst MIXPANEL_TYPE = {\n    event: \"Event\",\n    expert: \"eXpert\"\n};\nconst dialogMessages = {\n    ready: {\n        title: \"곧 오픈 예정이에요\",\n        severity: \"caution\",\n        okText: \"확인\"\n    },\n    close: {\n        title: \"이미 종료되었어요.\",\n        severity: \"caution\",\n        okText: \"확인\"\n    },\n    passError: {\n        title: \"지급 대상이 아닙니다.\",\n        content: \"자세한 내용은 유의사항을 확인해 주세요.\",\n        severity: \"caution\",\n        okText: \"확인\"\n    },\n    passSuccess: {\n        content: \"이용권 사용방법은 하단 유의사항을 참고하세요.\",\n        severity: \"success\",\n        okText: \"사용하러 가기\",\n        cancelText: \"확인\"\n    },\n    handoutSuccess: {\n        title: \"무료 자료가 지급됐어요!\",\n        content: \"지급된 자료는 자료 보관함에서 확인할 수 있어요.\",\n        severity: \"success\",\n        okText: \"자료 보관함 가기\",\n        cancelText: \"확인\"\n    },\n    handoutError: {\n        title: \"자료를 이미 보유하고 있어요.\",\n        content: \"보유한 자료는 자료 보관함에서 확인할 수 있어요.\",\n        severity: \"caution\",\n        okText: \"자료 보관함 가기\",\n        cancelText: \"확인\"\n    },\n    error: {\n        title: \"오류가 발생했어요.\",\n        content: \"상담 문의 부탁드려요.\",\n        severity: \"caution\",\n        okText: \"확인\"\n    }\n};\nconst Landing = (param)=>{\n    let { landing  } = param;\n    const { status , sectionItems  } = landing;\n    const { device  } = useWindowDimensions();\n    const router = useRouter();\n    const { isLoggedIn  } = useAuthStore();\n    const { open , dialogProps  } = useDialog();\n    const { isOpen: isLoginDialogOpen , open: openLoginDialog , close: closeLoginDialog  } = useDialog();\n    const validateMembershipMutation = useMutation(validateMembership);\n    const validateHandoutMutation = useMutation(postValidateHandout);\n    const mixpanelBase = {\n        \"Page Type\": MIXPANEL_TYPE[landing.type],\n        \"Page Id\": landing.id,\n        \"Page Title\": landing.ogTitle\n    };\n    // 섹션 클릭 이벤트\n    const handleSectionClick = async (section)=>{\n        const mixpanelSection = {\n            \"Section Id\": section.id,\n            Url: section.imageLink || section.buttonLink,\n            \"Section Type\": section.type\n        };\n        if (section.imageLink) {\n            mixpanelEvent(\"[PR] Landing Section Clicked\", {\n                ...mixpanelBase,\n                ...mixpanelSection\n            });\n            window.location.href = section.imageLink;\n            return;\n        }\n        if (section.type === \"handout\") {\n            await validateHandout(section, (mixpanelProperties)=>{\n                mixpanelEvent(\"[PR] Landing Section Clicked\", {\n                    ...mixpanelBase,\n                    ...mixpanelSection,\n                    ...mixpanelProperties\n                });\n            });\n        }\n        if (section.buttonLink) await validatePass(section, (mixpanelProperties)=>{\n            mixpanelEvent(\"[PR] Landing Section Clicked\", {\n                ...mixpanelBase,\n                ...mixpanelSection,\n                ...mixpanelProperties\n            });\n        });\n    };\n    // 로그인 확인\n    const checkValidation = (sectionId)=>{\n        if (!isLoggedIn) throw new Error(\"Unauthorized\");\n        if (!sectionId) throw new Error(\"Unavailable Section Id\");\n    };\n    // 자료 발급\n    const validateHandout = async (section, onComplete)=>{\n        let mixpanelProperties = {};\n        try {\n            checkValidation(section.id);\n            const response = await validateHandoutMutation.mutateAsync({\n                sectionId: section.id\n            });\n            mixpanelProperties = {\n                \"Handout  Delivery Completed\": response.isIssued ? \"Y\" : \"N\",\n                \"Handout Id\": response.issuedProducts.join(\",\"),\n                Reason: response.isIssued ? null : \"Already Issued\"\n            };\n            const successMessage = response.isIssued ? dialogMessages.handoutSuccess : dialogMessages.handoutError;\n            open({\n                ...successMessage,\n                onOk: ()=>{\n                    mixpanelEvent(\"[PR] Pop-up Button Clicked\", {\n                        ...mixpanelBase,\n                        \"Popup Type\": \"Handout  Delivery Completed\",\n                        \"Popup Title\": successMessage.title,\n                        \"Button Name\": successMessage.okText,\n                        \"Button URL\": response.buttonLink\n                    });\n                    window.location.href = response.buttonLink;\n                },\n                onCancel: ()=>{\n                    mixpanelEvent(\"[PR] Pop-up Button Clicked\", {\n                        ...mixpanelBase,\n                        \"Popup Type\": \"Handout  Delivery Completed\",\n                        \"Popup Title\": successMessage.title,\n                        \"Button Name\": successMessage.cancelText,\n                        \"Button URL\": \"null\"\n                    });\n                }\n            });\n        } catch (error) {\n            mixpanelProperties[\"Pass Issuance Completed\"] = \"N\";\n            // 운영상의 이슈 404\n            if (error.message === \"Unauthorized\") {\n                mixpanelProperties[\"Reason\"] = \"Not Logged In\";\n                openLoginDialog();\n            } else {\n                mixpanelProperties[\"Reason\"] = \"Unavailable\";\n                open(dialogMessages.error);\n            }\n        } finally{\n            onComplete(mixpanelProperties);\n        }\n    };\n    // 이용권 발급\n    const validatePass = async (section, onComplete)=>{\n        let mixpanelProperties = {};\n        try {\n            checkValidation(section.id);\n            const response = await validateMembershipMutation.mutateAsync({\n                sectionId: section.id\n            });\n            mixpanelProperties = {\n                \"Pass Issuance Completed\": \"Y\",\n                \"Pass Id\": response.membershipProductId\n            };\n            open({\n                ...dialogMessages.passSuccess,\n                title: \"\".concat(response.membershipProductTitle, \"이 발급됐어요!\"),\n                onCancel: ()=>{\n                    mixpanelEvent(\"[PR] Pop-up Button Clicked\", {\n                        ...mixpanelBase,\n                        \"Popup Type\": \"Issuance Completed\",\n                        \"Popup Title\": \"\".concat(response.membershipProductTitle, \"이 발급됐어요!\"),\n                        \"Button Name\": dialogMessages.passSuccess.cancelText,\n                        \"Button URL\": \"null\"\n                    });\n                },\n                onOk: ()=>{\n                    mixpanelEvent(\"[PR] Pop-up Button Clicked\", {\n                        ...mixpanelBase,\n                        \"Popup Type\": \"Issuance Completed\",\n                        \"Popup Title\": \"\".concat(response.membershipProductTitle, \"이 발급됐어요!\"),\n                        \"Button Name\": dialogMessages.passSuccess.okText,\n                        \"Button URL\": section.buttonLink\n                    });\n                    window.location.href = section.buttonLink;\n                }\n            });\n        } catch (error) {\n            ;\n            mixpanelProperties[\"Pass Issuance Completed\"] = \"N\";\n            if (error.message === \"Unauthorized\") {\n                mixpanelProperties[\"Reason\"] = \"Not Logged In\";\n                openLoginDialog();\n            } else {\n                mixpanelProperties[\"Reason\"] = \"Unavailable\";\n                open({\n                    ...dialogMessages.passError,\n                    onOk: function() {\n                        mixpanelEvent(\"[PR] Pop-up Button Clicked\", {\n                            ...mixpanelBase,\n                            \"Popup Type\": \"Issuance Restricted\",\n                            \"Popup Title\": this.title,\n                            \"Button Name\": this.okText,\n                            \"Button URL\": \"null\"\n                        });\n                    }\n                });\n            }\n        } finally{\n            onComplete(mixpanelProperties);\n        }\n    };\n    useEffect(()=>{\n        if (status === \"ready\") open({\n            ...dialogMessages.ready,\n            onOk: ()=>router.push(\"/\"),\n            onClose: ()=>router.push(\"/\")\n        });\n        if (status === \"close\") open({\n            ...dialogMessages.close,\n            onOk: ()=>router.push(\"/\"),\n            onClose: ()=>router.push(\"/\")\n        });\n    }, []);\n    const metadata = Object.assign(_.pick(landing, [\n        \"ogUrl\",\n        \"ogTitle\",\n        \"keywords\",\n        \"ogDescription\",\n        \"ogImage\"\n    ]), {\n        title: landing.ogTitle,\n        description: landing.ogDescription\n    });\n    return /*#__PURE__*/ _jsxs(Container, {\n        children: [\n            /*#__PURE__*/ _jsx(SEO, {\n                ...metadata\n            }),\n            status === \"open\" && sectionItems.map((section, idx)=>{\n                const imageSrc = device === \"pc\" ? section.imageUrlPc : section.imageUrlMobile;\n                return /*#__PURE__*/ _jsx(\"button\", {\n                    onClick: ()=>handleSectionClick(section),\n                    children: /*#__PURE__*/ _jsx(\"div\", {\n                        style: {\n                            backgroundColor: section.bgColor\n                        },\n                        children: /*#__PURE__*/ _jsx(\"img\", {\n                            src: imageSrc,\n                            alt: \"랜딩 페이지 이미지 \".concat(idx + 1)\n                        })\n                    })\n                }, idx);\n            }),\n            /*#__PURE__*/ _jsx(ConfirmDialog, {\n                ...dialogProps\n            }),\n            /*#__PURE__*/ _jsx(CheckLoginDialog, {\n                open: isLoginDialogOpen,\n                onClose: closeLoginDialog,\n                onClickLogin: (routePath)=>mixpanelEvent(\"[PR] Pop-up Button Clicked\", {\n                        ...mixpanelBase,\n                        \"Popup Type\": \"Login or Sign up\",\n                        \"Popup Title\": \"로그인이 필요해요\",\n                        \"Button Name\": \"로그인\",\n                        \"Button URL\": routePath\n                    }),\n                onClickSignUp: (routePath)=>mixpanelEvent(\"[PR] Pop-up Button Clicked\", {\n                        ...mixpanelBase,\n                        \"Popup Type\": \"Login or Sign up\",\n                        \"Popup Title\": \"로그인이 필요해요\",\n                        \"Button Name\": \"회원가입\",\n                        \"Button URL\": routePath\n                    })\n            })\n        ]\n    });\n};\nconst Container = styled(\"div\")((param)=>{\n    let { theme  } = param;\n    return {\n        button: {\n            border: 0,\n            background: \"none\",\n            padding: 0,\n            width: \"100%\"\n        },\n        img: {\n            maxWidth: \"100%\",\n            [theme.breakpoints.up(\"sm\")]: {\n                maxWidth: 720\n            },\n            [theme.breakpoints.up(\"lg\")]: {\n                maxWidth: 1200\n            }\n        }\n    };\n});\nexport default Landing;\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport _ from \"lodash\";\nimport { NextSeo } from \"next-seo\";\nconst SEO = (props)=>{\n    const openGraph = _.pickBy({\n        url: props.ogUrl,\n        title: props.ogTitle,\n        description: props.ogDescription,\n        images: _.identity(props.ogImage) ? [\n            {\n                url: props.ogImage\n            }\n        ] : undefined\n    }, _.identity);\n    const transformedProps = _.pickBy({\n        title: props.title,\n        description: props.description,\n        additionalMetaTags: _.identity(props.keywords) ? [\n            {\n                name: \"keywords\",\n                content: props.keywords\n            }\n        ] : undefined,\n        openGraph: _.isEmpty(openGraph) ? undefined : openGraph\n    }, _.identity);\n    return /*#__PURE__*/ _jsx(NextSeo, {\n        ...transformedProps\n    });\n};\nexport default SEO;\n","import { useCallback, useEffect, useState } from \"react\";\nconst useDialog = (defaultValues)=>{\n    const [isOpen, setIsOpen] = useState(false);\n    const DEFAULT_DIALOG_PROPS = {\n        onClose: ()=>setIsOpen(false),\n        open: isOpen\n    };\n    const [dialogProps, setDialogProps] = useState({\n        ...DEFAULT_DIALOG_PROPS,\n        ...defaultValues\n    });\n    useEffect(()=>{\n        setDialogProps((prev)=>({\n                ...prev,\n                open: isOpen\n            }));\n    }, [\n        isOpen\n    ]);\n    const close = ()=>{\n        setIsOpen(false);\n    };\n    const onOk = async ()=>{\n        try {\n            var _dialogProps_onOk;\n            await ((_dialogProps_onOk = dialogProps.onOk) === null || _dialogProps_onOk === void 0 ? void 0 : _dialogProps_onOk.call(dialogProps));\n        } catch (error) {\n            ;\n        } finally{\n            close();\n        }\n    };\n    const onCancel = async ()=>{\n        try {\n            var _dialogProps_onCancel;\n            await ((_dialogProps_onCancel = dialogProps.onCancel) === null || _dialogProps_onCancel === void 0 ? void 0 : _dialogProps_onCancel.call(dialogProps));\n        } catch (error) {\n            ;\n        } finally{\n            close();\n        }\n    };\n    const modifyDialog = useCallback((modifyProps)=>{\n        setDialogProps({\n            ...DEFAULT_DIALOG_PROPS,\n            ...modifyProps\n        });\n    }, []);\n    const open = useCallback((updateData)=>{\n        updateData && modifyDialog(updateData);\n        setIsOpen(true);\n    }, [\n        modifyDialog\n    ]);\n    return {\n        open,\n        close,\n        modifyDialog,\n        isOpen,\n        dialogProps: {\n            ...dialogProps,\n            onOk,\n            onCancel\n        }\n    };\n};\nexport default useDialog;\n","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Container } from \"@/components/Container\";\nimport Landing from \"@/components/Landing/adminjs/Landing\";\nimport { EXPERT_PRE_EXAM, SOLVOOK_WRITE_STUDIO } from \"@/settings/constant\";\nimport { Tabs } from \"@bookips/solvook-ui-library\";\nconst LandingPage = (param)=>{\n    let { landing , error  } = param;\n    const { tabsProps  } = Tabs.useTabs(\"about-expert\");\n    const handleClickTab = (_, key)=>{\n        if (key === \"my-papers\") {\n            window.location.href = SOLVOOK_WRITE_STUDIO;\n        }\n        if (key === \"school-exam\") {\n            window.location.href = EXPERT_PRE_EXAM;\n        }\n    };\n    if (!landing || error) return null;\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            /*#__PURE__*/ _jsx(Container, {\n                children: /*#__PURE__*/ _jsxs(Tabs, {\n                    ...tabsProps,\n                    onChange: handleClickTab,\n                    children: [\n                        /*#__PURE__*/ _jsx(Tabs.Tab, {\n                            label: \"엑스퍼트 소개\",\n                            value: \"about-expert\"\n                        }),\n                        \",\",\n                        /*#__PURE__*/ _jsx(Tabs.Tab, {\n                            label: \"내가 만든 시험지\",\n                            value: \"my-papers\"\n                        }),\n                        \",\",\n                        /*#__PURE__*/ _jsx(Tabs.Tab, {\n                            label: \"학교별 기출적중\",\n                            value: \"school-exam\"\n                        }),\n                        \",\"\n                    ]\n                })\n            }),\n            /*#__PURE__*/ _jsx(Landing, {\n                landing: landing\n            })\n        ]\n    });\n};\nexport var __N_SSP = true;\nexport default LandingPage;\n"],"names":[],"sourceRoot":""}